<h2 class="page-title">BOOKS</h2>

<ul class="list book-list">
    <li class="item book" ng-repeat="book in books">
        <a class="cover" href="#/book-detail/{{book.id}}" title="{{book.title}}"><img ng-src="{{book.images.large}}" alt="{{book.title}}" /></a>
        <dl class="info">
            <dt class="title"><a href="#/book-detail/{{book.id}}">{{book.origin_title || book.title}}</a></dt>
            <dd class="author">{{book.author.join(', ')}}</dd>
            <dd class="summary">{{book.summary}}</dd>
        </dl>
    </li>
</ul>

<a class="btn-prev" href="javascript:;" ng-click="prevPage()">PREV</a>
<a class="btn-next" href="javascript:;" ng-click="nextPage()">NEXT</a>
